﻿@{
    ViewBag.Title = "Home Page";
}

<h1>Start</h1>

@*<li><a class="groupTitle">
    <h3>Course</h3>
</a></li>*@


<ul id="sortable">

    <li><a href="@Url.Action("index", "Course")">
        <div class="tile1" style="background-color: #FF931E !important">
            <img src="~/Content/themes/jMetro/images/frontpage-2-64.png" />
            <span style="left: 0">Courses</span>
        </div>
    </a></li>


    <li><a href="@Url.Action("index", "Registration")">
        <div class="tile1" style="background-color: #FF931E !important">
            <img src="~/Content/themes/jMetro/images/linkedin-5-64.png" />
            <span style="left: 0">Registrations</span>
        </div>
    </a></li>

    <li><a href="@Url.Action("index", "Student")">
        <div class="tile1" style="background-color: #FF931E !important">


            <span style="left: 0">Student</span>
        </div>
    </a></li>
    <li><a href="@Url.Action("index", "Instructor")">
        <div class="tile1" style="background-color: #8DC73F !important">
            <img src="~/Content/themes/jMetro/images/doctor-2-64.png" />
            <span style="left: 0">Instructors</span>
        </div>
    </a></li>
    <li><a href="@Url.Action("index", "Employee")">
        <div class="tile1" style="background-color: #3FA9F5 !important">
            <span style="left: 0">Employees</span>
        </div>
    </a></li>
    <li><a href="@Url.Action("index", "Subject")">
        <div class="tile1" style="background-color: #8DC73F !important">
            <img src="~/Content/themes/jMetro/images/side-right-view-64.png" />
            <span style="left: 0;">Subjects</span>
        </div>
    </a></li>
    <li><a href="@Url.Action("index", "Level")">
        <div class="tile1" style="background-color: #8DC73F !important">
            <img src="~/Content/themes/jMetro/images/clipboard-8-64.png" />
            <span style="left: 0">Levels</span>

        </div>
    </a></li>
    @*<li><a href="@Url.Action("index", "Exam")">
        <div class="tile1" style="background-color: #3166FF !important">
            <span>
                <span style="left: 0;">Exam</span>

            </span>
        </div>
    </a></li>*@


    <li><a href="@Url.Action("index", "Expense")">
        <div class="tile1" style="background-color: #3166FF !important">
            <span>
                <span style="left: 0;">Expenses</span>

            </span>
        </div>
    </a></li>


     <li><a href="@Url.Action("index", "PlacementGrade")">
        <div class="tile1" style="background-color: #CCCC00 !important">
            <span>
                <span style="left: 0;">PLacement Grades</span>

            </span>
        </div>
    </a></li>

   

    <li><a href="@Url.Action("index", "Room")">
        <div class="tile1" style="background-color: #FF931E !important">
            <img src="~/Content/themes/jMetro/images/home-5-64.png" />
            <span style="left: 0">Room</span>
        </div>
    </a></li>


</ul>

<script type="text/javascript">
    $(function () {
        $("#sortable").sortable();
        $("#sortable").disableSelection();
    });
</script>
<style>
    #sortable {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 99.9%;
    }

        #sortable li {
            /*margin: 3px 3px 3px 0;*/
            padding: 1px;
            /*float: left;*/
            width: 100px;
            height: 90px;
            /*font-size: 4em;*/
            text-align: center;
            position: relative;
            float: left;
            width: 135px;
            height: 135px;
        }
</style>
